<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/js/wangeditor/css/style.css" rel="stylesheet">
<style>

    .layui-upload-colse {
        position: relative;
    }

    .closeUpload {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .upImg {
        width: 80px;
        height: 80px;
    }

    .formfixed {
        position: relative;
    }

    .remove {
        position: absolute;
        top: 125%;
        right: -175px;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .myheader {
        height: 140px;
        background-color: #FFFFFF;
        padding: 20px 0;
        display: flex;
        align-items: center;
        margin: 0;
        flex-wrap: wrap;
    }

    .layui-tab {

        overflow: auto;
        background-color: #FFFFFF;
        margin: 10px 0 0 0;
    }

    .layui-input-block1 {
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .layui-tab-title{
        height: 40px!important;
    }
    .layui-tab-content{
        height: calc(100% - 55px);
        overflow: auto;
    }
    .layui-form-select dl,.xm-body{
        z-index: 1000!important;
    }
    .layui-upload-list{
        display: flex;
        flex-wrap: wrap;
    }

    .mybutton {
        background: #fff;
        height: 150px;
        width: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #a9b7b7;
        border: 2px solid #a9b7b7;
        margin-right: 10px;
        padding: 10px;
    }
    .upImg {
            width: 80px;
            height: 80px;
    }

    .mybutton:hover {
        cursor: pointer;
    }
    .myDashed{
     position: relative;
    }
    .myDashed:after{
        position: absolute;
        center:"";
        border-bottom: 2px dashed #000;
        bottom: 10px;
        left: 2%;
        width: 96%;
    }
    .layui-this{
        position: relative;
        color: #000!important;
    }
    .layui-this:after{
        position: absolute;
        width: 50%!important;
        left: 25%!important;
    }
    .layui-input-block{
        display: flex;
        align-items: center;
        justify-content: flex-start;

    }
    .layui-form-label {
        width: 146px !important;
    }
    .box{
             position: relative;
         }
    .box::before{
        content:'';
        position:absolute;
        top: -2px;
        left: -13px;
        width: 7px;
        height: 113%;
        background-color: rgba(2, 167, 240, 1);
    }
    .layui-tab-title>.layui-this::after{
        border-bottom-color:rgba(2, 167, 240, 1)!important;
    }
    .layui-tab-title{
        background-color: #FFFFFF;
    }
    .mybtn{
        background-color: transparent;
        color: rgba(2, 167, 240, 1);
        border: 0;
    }
    .mybtn:hover{
        cursor: pointer;
    }
</style>
<body>
<input id="userId" th:value="${id}" style="display: none">
<div class="layui-fluid mt2" style="background-color: #f0f2f5;    padding: 0 !important;">
    <form class="layui-form" style="height: 100%;">
        <div class="layui-form-item " style="background: #fff;  height: 60px;display: flex; align-items: center; padding-left: 30px;   padding-top: 10px;margin: 0" >
            <h3 class="box">基本信息</h3>
        </div>
        <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label ">所属组别:</label>
                <div  class="layui-input-block" th:text="${myData?.groupName}">
                </div>

            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label ">所属市州:</label>
                <div  class="layui-input-block" th:text="${(myData?.groupName=='市州组')?(myData?.jazSignupUserDO?.city):(myData?.jazSignupUserDO?.school)}">
                </div>

            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label ">队伍名称:</label>
                <div  class="layui-input-block" th:text="${myData?.jazSignupUserDO?.teamName}" >
                </div>

            </div>
            <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                <label class="layui-form-label ">创建时间:</label>
                <div class="layui-input-block"
                     th:text="${myData.jazSignupUserDO.createTime} eq null ? '' : ${#dates.format(myData?.jazSignupUserDO?.createTime, 'yyyy-MM-dd HH:mm:ss')}"   >
                </div>
            </div>
        </div>

        <div class="layui-form-item " style="background: #fff;  height: 60px;display: flex; align-items: center; padding-left: 30px;   margin: 20px 0 0 0 ;" >
            <h3 class="box">领队信息</h3>
        </div>
        <div class="layui-form-item" style="background: #fff;  min-height: 60px;   padding-top: 10px; margin: 0">
                <label class="layui-form-label ">姓名:</label>
                <div class="layui-input-block" th:text="${myData?.jazSignupUserDO?.name}" > </div>
        </div>
        <div class="layui-form-item" style="background: #fff;  min-height: 160px;   padding-top: 10px; margin: 0">
            <label class="layui-form-label ">报名表:</label>
            <div class="layui-input-block" style="background: #fff;width:calc(100% -  70px);  height: 130px;display: flex;align-items: center;  flex-direction: row;flex-wrap: wrap; padding-left: 12px;margin: 0">
                <!--                applyForms//list-->
                <th:block th:each="item,data:${applyForms}">
                    <div href="#"  style="margin:5px 10px;width: 100px;position: relative; display: flex;  flex-direction: column;  justify-content: center;  align-items: center;
				height: 100px;border: 1px solid #000;" th:attr="onclick='openPdfUrl(\''+${item}+'\')'" >
                        <img class="upImg" style="width: 50px;height: 50px" src="/img/pdf.png">
                        <span style=" color: #000;   text-align: center; " th:text="${'报名表'+(data.index+1)}">
							</span>
                    </div>
                </th:block>
            </div>
        </div>


        <div class="layui-tab layui-tab-brief" style="margin: 20px 0 0 0;">
        <ul class="layui-tab-title">
            <li th:class="${index.index==0?'layui-this':''}" th:each="str,index : ${mapKey}" th:text="${str}"></li>
        </ul>
        <div class="layui-tab-content">
            <div th:class="${index.index==0?'layui-tab-item layui-show':'layui-tab-item'}" th:each="str,index : ${mapKey}" >
                <th:block th:if="${myData?.map[''+str+''].size()==0}">
                    <div style="height: 200px;width: 100%;    display: flex;   background-color: #fff;   justify-content: center; align-items: center;">暂无数据</div>
                </th:block>
                <th:block th:each="jazSignupUser,jazIndex :${myData?.map[''+str+'']}" >
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 2)">
                            <label class="layui-form-label " th:text="'选手'+${jazIndex.index+1}"></label>
                            <div class="layui-input-block mybtn" th:onclick="'setTable(\''+${jazSignupUser.id}+'\')'">生成选手登记表</div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">选手姓名:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser.name}">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">性别:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser?.sex==1?'男':(jazSignupUser?.sex==2?'女':(jazSignupUser?.sex==0?'未知':'-'))}">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">民族:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser?.nation}">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">出生年月:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser?.birthday}">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  height: 60px;   padding-top: 10px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">政治面貌:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser?.politics}">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">文化程度:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser?.standard}">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">身份证号:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser?.identityCard}">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">从业时长:</label>
                            <div class="layui-input-block" th:text="${jazSignupUser?.working}">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  min-height: 60px;   padding-top: 10px; padding-left: 12px;margin: 0">
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">联系方式:</label>
                            <div class="layui-input-block"  th:text="${jazSignupUser?.phone}">
                            </div>
                        </div>
                        <div class="layui-inline" style="width: calc((100% - 55px) / 4)">
                            <label class="layui-form-label ">现工作单位:</label>
                            <div class="layui-input-block"  th:text="${jazSignupUser?.orgName}">
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  min-height: 200px;   padding-top: 10px; padding-left: 12px;margin: 0">
                        <label class="layui-form-label ">个人照片:</label>
                        <div class="layui-input-block" style="background: #fff;  width: calc(100% - 100px);  height: 180px;  padding-top: 0px; padding-left: 12px;margin: 0">
                            <div class="layui-upload-list" th:if="${jazSignupUser?.userImg}">
                                <div class="layui-inline mybutton" style="padding: 0"
                                     th:each="item,imgStat: ${jazSignupUser?.userImg.split(',')}" >
                                    <img class="upImg" th:src="${item}" style="height: 100%;width: 100%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  min-height: 60px;   padding-top: 10px; padding-left: 12px;margin: 0">
                        <label class="layui-form-label ">个人简介:</label>
                        <div class="layui-input-block" th:text="${jazSignupUser?.brief}">
                        </div>
                    </div>
                    <div class="layui-form-item" style="background: #fff;  min-height: 60px;   padding-top: 10px; padding-left: 12px;margin: 0">
                        <label class="layui-form-label ">何时获得何种荣誉:</label>
                        <div class="layui-input-block" th:text="${jazSignupUser?.honor}">
                        </div>
                    </div>
                    <div class="layui-form-item myDashed" style="padding-bottom:40px; background: #fff;  min-height: 60px;   padding-top: 10px; padding-left: 12px;margin: 0">
                        <label class="layui-form-label ">自荐绝活:</label>
                        <div class="layui-input-block" th:text="${jazSignupUser?.skill}">
                        </div>
                    </div>



                </th:block>
            </div>
        </div>
        </div>
        <!--        <div class="layui-form-item  layui-flow-more">-->
<!--            <div class="layui-inline">-->
<!--                <button type="button" class="layui-btn" lay-submit lay-filter="submit">通过</button>-->
<!--                <button type="button" class="layui-btn" onclick="refused()">拒绝</button>-->
<!--            </div>-->
<!--        </div>-->

    </form>
</div>

<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/xmSelect.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/team/info.js"></script>
</body>
</html>